import * as React from 'react'
import Svg, { Path } from 'react-native-svg'

const RiderMarker = props => (
  <Svg
    {...props}
    xmlns="http://www.w3.org/2000/svg"
    width={30}
    height={33}
    viewBox="0 0 30 32">
    <Path
      style={{
        stroke: 'none',
        fillRule: 'nonzero',
        fill: '#000',
        fillOpacity: 1
      }}
      d="M14.957 0c7.668 0 14.094 5.664 14.879 13.117.781 7.453-4.332 14.274-11.84 15.797-.98.2-1.308.566-3.039 3.145-1.582-2.36-2.043-2.946-3.02-3.141C4.423 27.402-.698 20.582.079 13.128.855 5.673 7.285 0 14.957 0Zm0 0"
    />
    <Path
      style={{
        stroke: 'none',
        fillRule: 'nonzero',
        fill: '#6fcf97',
        fillOpacity: 1
      }}
      d="M17.352 10.352c1.73.972 2.793 2.773 2.793 4.722v6.23H16.82a2.393 2.393 0 0 1-2.258 1.56c-1.015 0-1.921-.626-2.257-1.56H8.977v-6.23c0-1.949 1.066-3.75 2.793-4.722a3.118 3.118 0 0 1-.297-.73H8.977v-1.56h2.496c.363-1.374 1.632-2.335 3.09-2.335 1.453 0 2.722.96 3.09 2.335h2.492v1.56h-2.493c-.07.253-.168.5-.297.73Zm-2.79 5.5a.787.787 0 0 0-.796.78v3.895c0 .43.355.778.796.778a.789.789 0 0 0 .797-.778v-3.894a.79.79 0 0 0-.796-.781Zm0-5.454c.88 0 1.594-.695 1.594-1.558 0-.86-.715-1.559-1.593-1.559-.883 0-1.598.7-1.598 1.559 0 .863.715 1.558 1.598 1.558Zm0 0"
    />
  </Svg>
)

export default RiderMarker
